<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<title></title>
		<style type="text/css">
			html,body{
				height: 100%;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="../../assets/css/amazeui.min.css"/>
		<!--<link rel="stylesheet" type="text/css" href="../../assets/css/admin.css"/>-->
		<link rel="stylesheet" type="text/css" href="../../assets/css/bingo.css"/>
	</head>
	<body>
		<form class="am-form">
		  	<!--<fieldset>
			
			    <div class="am-form-group">
			      <label for="account">账号</label>
			      <input type="number" class="" id="account" placeholder="输入账号">
			    </div>
			
			    <div class="am-form-group">
			      <label for="password">密码</label>
			      <input type="password" class="" id="password" placeholder="设置个密码吧">
			    </div>
				
				<div class="am-form-group">
					<label for="file">图片上传域</label>
					<div class="file-box">
						<img id="preview-img" src="../../assets/img/icon_add.png" class="hide image1">
						<input  type="file" class="fileScreen" name="fileScreen" accept="image/*" value="">
					</div>
				</div>
				
			    <div class="am-form-group am-form-file">
			      <label for="file">文件上传域</label>
			      <div>
			        <button type="button" class="am-btn am-btn-default am-btn-sm">
			          <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
			      </div>
			      <input type="file" id="file">
			    </div>
			
			    <div class="am-checkbox">
			      <label>
			        <input type="checkbox"> 复选框，选我选我选我
			      </label>
			    </div>
			
			    <div class="am-radio">
			      <label>
			        <input type="radio" name="doc-radio-1" value="option1" checked>
			        单选框 - 选项1
			      </label>
			    </div>
			
			    <div class="am-radio">
			      <label>
			        <input type="radio" name="doc-radio-1" value="option2">
			        单选框 - 选项2
			      </label>
			    </div>
			
			    <div class="am-form-group">
			      <label class="am-checkbox-inline">
			        <input type="checkbox" value="option1"> 选我
			      </label>
			      <label class="am-checkbox-inline">
			        <input type="checkbox" value="option2"> 同时可以选我
			      </label>
			      <label class="am-checkbox-inline">
			        <input type="checkbox" value="option3"> 还可以选我
			      </label>
			    </div>
			
			    <div class="am-form-group">
			      <label class="am-radio-inline">
			        <input type="radio"  value="" name="docInlineRadio"> 每一分
			      </label>
			      <label class="am-radio-inline">
			        <input type="radio" name="docInlineRadio"> 每一秒
			      </label>
			      <label class="am-radio-inline">
			        <input type="radio" name="docInlineRadio"> 多好
			      </label>
			    </div>
			
			    <div class="am-form-group">
			      <label for="doc-select-1">下拉多选框</label>
			      <select id="doc-select-1">
			        <option value="option1">选项一...</option>
			        <option value="option2">选项二.....</option>
			        <option value="option3">选项三........</option>
			      </select>
			      <span class="am-form-caret"></span>
			    </div>
			
			    <div class="am-form-group">
			      <label for="doc-select-2">多选框</label>
			      <select multiple class="" id="doc-select-2">
			        <option>1</option>
			        <option>2</option>
			        <option>3</option>
			        <option>4</option>
			        <option>5</option>
			      </select>
			    </div>
			
			    <div class="am-form-group">
			      <label for="doc-ta-1">文本域</label>
			      <textarea class="" rows="5" id="doc-ta-1"></textarea>
			    </div>
			
			    <p><button type="submit" class="am-btn am-btn-default">提交</button></p>
		  	</fieldset>-->
		</form>
		
		
		<script src="../../assets/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/js/amazeui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/js/bingo.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../bingo-base.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var param = [
				{
					"type" : "textInput",
					"id" : "name",
					"className" : "name",
					"label" : "姓名",
					"placeholder" : "请输入姓名",
				},
				{
					"type" : "numberInput",
					"id" : "account",
					"className" : "account",
					"label" : "账号",
					"placeholder" : "请输入账号",
				},
				{
					"type" : "passwordInput",
					"id" : "pwd",
					"className" : "pwd",
					"label" : "密码",
					"placeholder" : "请输入密码",
				},
				{
					"type" : "imageUpload",
					"id" : "image",
					"label" : "图片",
				},
				{
					"type" : "fileUpload",
					"id" : "file",
					"label" : "文件",
				},
				{
					"type" : "checkbox",
					"name" : "auto-login",
					"text" : "自动登陆",
					"value" : "1"
				},
				{
					"type" : "checkInline",
					"name" : "hobby",
					"title": "请问您的爱好是？",
					"options" : [
						{
							"text" : "篮球",
							"value"	: "1"
						},
						{
							"text" : "足球",
							"value"	: "2"
						},
						{
							"text" : "排球",
							"value"	: "3"
						}
					]
				},
				{
					"type" : "radio",
					"name" : "性别",
					"title": "请问您的性别？",
					"options" : [
						{
							"text" : "男",
							"value"	: "1"
						},
						{
							"text" : "女",
							"value"	: "2"
						}
					]
				},
				{
					"type" : "radioInline",
					"name" : "phone",
					"title": "请问您的手机系统是？",
					"options" : [
						{
							"text" : "安卓",
							"value"	: "1"
						},
						{
							"text" : "苹果",
							"value"	: "2"
						}
					]
				},
				{
					"type" : "select",
					"id" : "province",
					"label" : "省份",
					"options" : [
						{
							"text" : "广东",
							"value"	: "1"
						},
						{
							"text" : "北京",
							"value"	: "2"
						},
						{
							"text" : "天津",
							"value"	: "3"
						}
					]
				},
				{
					"type" : "multiSelect",
					"id" : "book",
					"label" : "赠书",
					"options" : [
						{
							"text" : "红楼梦",
							"value"	: "1"
						},
						{
							"text" : "西游记",
							"value"	: "2"
						},
						{
							"text" : "水浒传",
							"value"	: "3"
						},
						{
							"text" : "三国演义",
							"value"	: "4"
						}
					]
				},
				{
					"type" : "textarea",
					"id" : "address",
					"className" : "address",
					"label" : "地址",
					"row" : 3
				},
			];
			function callback(){
				console.log("创建表单成功");
			};
			
			$(function(){
				$B.form($(".am-form"), param,callback);
			})
		</script>
	</body>
</html>